﻿/*css reset----------------------------*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:"";}abbr,acronym{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}


/*固定定位 IE6 7 兼容*/

body{_height:90%;}

/*让position:fixed在IE6下可用! */
.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;}
.fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;}
.fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;}
.fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;}

/* 上面的是除了IE6的主流浏览器通用的方法 */
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
* html .fixed-top /* IE6 头部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
* html .fixed-right /* IE6 右侧固定 */ {
position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-
(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
}
* html .fixed-bottom /* IE6 底部固定  */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-
(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html .fixed-left /* IE6 左侧固定 */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}


body,body a{font:11px/20px arial;color:#c9c9c9;text-decoration:none;}
body{position:relative;}

/*首页交互效果样式*/
#SortBox{width:100%;background:#fff;}
#SortContent{height:440px;width:800px;position:relative;margin:auto;}
#SortContent ul{position:relative;backgroun:#eee;width:100%;height:100%;display:none;}
#SortContent li{position:absolute;width:54px;height:54px;}
#SortContent li img{display:block;vertical-align:middle;position:absolute;top:0;left:0;width:100%;height:100%;}
#SortContent li  a{width:35px;height:35px;display:block;background-position:center center;overflow:hidden;position:relative;outline:none;}
#SortContent li p{color:#333;font:9px/18px "arial";position:absolute;bottom:0;left:0;font-weight:bold;}

#SortNav{height:40px;width:800px;position:relative;margin:auto;}
#SortNav ul{position:relative;width:100%;height:100%;display:none;}
#SortNav li{position:absolute;top:0;height:40px;text-align:center;font:bold 14px/40px "arial";color:#333;white-space:nowrap}

#SortBtn{text-align:center;padding:50px 0 20px 200px;}
#SortBtn span{padding: 0 20px;font:bold 16px/16px arial;cursor:pointer;}
#SortBtn span.selected,
#SortBtn span.selected a{color:#000;}
#SortBtn span a{font:bold 16px/16px arial;}

/*首页滚动交互效果*/
.scrollBox{padding:180px 0 0 200px;}
.indexScroll{width:965px;position:relative;height:400px;}
.indexScroll img{vertical-align:middle;}
.indexScroll dl{position:absolute;}
.indexScroll dt{float:left;width:65px;height:65px;margin-right:10px;}
.indexScroll dd{float:left;overflow:hidden;padding:13px 0;margin:-13px 0;}
.indexScroll ul{height:65px;width:10000px;}
.indexScroll li{float:left;margin-right:10px;position:relative;width:65px;height:65px;}
.indexScroll li a{position:absolute;background-position:center center;background-repeat:no-repeat;}
.indexScroll li a img{width:100%;height:100%;}

/*首页普通交互效果*/
.commBox{width:965px;padding-left:200px;padding-top:180px;position:relative;margin:auto;}
.commBox ul{width:975px;}
.commBox li{float:left;position:relative;width:65px;height:65px;margin:0 10px 10px 0;display:inline;}
.commBox li a{position:absolute;width:65px;height:65px;display:block;z-index:100;left:0;top:0;}
.commBox li a:focus{outline:none;}
.commBox li img{position:absolute;width:100%;height:100%;vertical-align:middle;left:0;top:0;}

/*弹出小图SHOW*/

#hyShowImg{width:100%;height:100%;text-align:center;line-height:100%;}
#hyShowImg span{line-height:100%;height:100%;vertical-align: middle;overflow:hidden;}
#hyShowImg img{display:none;vertical-align:middle;}
#hyShowImg img.selected{display:inline;}

#hyShowBtn{width:100%;height:45px;z-index:600;}
#hyShowBtn ul{width:550px;margin:auto;padding-top:15px;text-align:center;}
#hyShowBtn li{width:20px;height:16px;overflow:hidden;text-align:center;background:url(about:blank);display:inline-block;*display:inline;*zoom:1;}
#hyShowBtn li.hover{width:18px;height:14px;border:1px solid #f00;}

#hyShowBtn a:focus{outline:none;z-index:500;}
#hyShowBtn li a{vertical-align:top;border:1px solid #f00;width:0px;height:10px;overflow:hidden;padding-left:10px;display:inline-block;*display:inline;*zoom:1;font:bold 11px/10px "TAHOMA","arial";text-decoration:none;margin-top:2px;}
#hyShowBtn li a:focus{outline:none;}
#hyShowBtn li a.selected{background:#f00;}
#hyShowBtn li.hover a{text-indent:0;color:#f00;width:auto;height:auto;line-height:14px;border:none;margin-top:0px;padding-left:0;}
#hyShowBtn li.hover a.selected{text-indent:0;color:#fff;width:18px;height:14px;line-height:14px;}

#hyShowBtn a.goToBig{background:url(../images/site/bg1.gif) no-repeat;height:30px;width:30px;display:inline-block;*display:inline;*zoom:1;right:5px;bottom:5px;position:absolute;display:none;}
#hyShowBtn a.goToBig:hover{background:url(../images/site/bg1.gif) no-repeat 0 -30px;}

#btnGoRight,#btnGoLeft{height:100%;width:50%;z-index:400;}
#btnGoRight{background-image:url(about:blank);}
#btnGoLeft{background-image:url(about:blank);}



/*hy style*/
.h_header{display:inline-block;*display:inline;*zoom:1;padding-top:50px;padding-left:50px;}
.h_header .logo{background:url(../images/site/logo.gif) no-repeat;height:39px;width:131px;float:left;}
.h_header .navlist{float:left;padding:24px 40px 0;}

.h_txt_1{}
.h_txt_1 a{padding: 0 20px;font:bold 16px/16px arial;}
.h_txt_1 a:focus{outline:none;}
.h_txt_1 a.hot{color:#000;}

.h_list_1{padding:45px 100px 0;width:960px;margin:auto;}
.h_list_1 li{float:left;width:110px;overflow:hidden;padding-right:10px;color:#000;}
.h_list_1 li h6{margin-bottom:4px;}
.h_list_1 li h6 img{vertical-align:middle}
.h_list_1 li h3{font:bold 9pt/16px arial;}
.h_list_1 li h4{font:bold 9pt/16px arial;}

.h_list_2{text-align:center;padding:35px 100px;}

.h_list_3{display:block;width:1217px;height:648px;background:url(../images/site/contact_bg.jpg) no-repeat;margin:auto;position:relative;}
.h_list_3 li{display:none;position:absolute;}
.h_list_3 li.contact_bj{left:911px;top:304px;background:url(../images/site/contact_bj.jpg);width:306px;height:93px;}
.h_list_3 li.contact_cq{left:719px;top:356px;background:url(../images/site/contact_cq.jpg);width:158px;height:218px;}
.h_list_3 li.contact_gz{left:719px;top:371px;background:url(../images/site/contact_gz.jpg);width:192px;height:203px;}
.h_list_3 li.contact_sy{left:1013px;top:304px;background:url(../images/site/contact_sy.jpg);width:205px;height:247px;}
.h_list_3 li.contact_to{left:33px;top:303px;background:url(../images/site/contact_to.jpg);width:257px;height:240px;}
.h_list_3 li.contact_wa{left:32px;top:325px;background:url(../images/site/contact_wa.jpg);width:284px;height:218px;}
.h_list_3 li.contact_st{left:32px;top:228px;background:url(../images/site/contact_st.jpg);width:573px;height:314px;}

.h_list_4{}


/*tip*/
body div#tooltip { position:absolute;z-index:1000;max-width:220px;width:auto !important;width:220px;background:#000;text-align:left;padding:2px;min-height:1em;}
body div#tooltip p { margin:0;padding:0;color:#fff;font:12px verdana,arial,sans-serif; }
body div#tooltip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }


























